---
title: Theme Builder
desc: Theme builder for a Quasar app with which you can play with the brand colors.
keys: Theme
related:
  - /style/dark-mode
---

One of the most important parts of a website/app is to build a brand for it. First step is to choose the brand colors that you are going to use and this is what the tool below helps you with.

Click on the colored buttons besides the layout below and when you are ready, hit the `Export` button at the bottom.

<script doc>
import ThemePicker from './ThemePicker.vue'
</script>

<ThemePicker class="q-py-lg" />
